@charset "utf-8";
/* common */
*{word-wrap:break-word}
html,body,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0; font-weight: normal}
li,dl,dd,ul,ol{list-style-type:none}
html,body{*position:static;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none;}
input,button{overflow: visible;vertical-align:middle;outline:none;}
body,th,td,button,input,select,textarea{text-align: left;;font-size:12px;color: #666;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-family:"Microsoft YaHei","simsun";}
body{line-height:1.6;background:#fff;behavior:url(csshover.htc);font-family:"Microsoft YaHei","simsun";_font-family:Arial,\5b8b\4f53;}

/* 公共样式中的默认超链接 */
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{color:#333;text-decoration:none;cursor: pointer;}
a:hover{color:#305dc3;text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
.f-main,a.f-main{ color:#305dc3}

/*IE下a:hover 背景闪烁*/
html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1;clear:both}

article,aside,dialog,footer,header,section,footer,nav,figure,video,menu{display:block}
video::-webkit-media-controls {
    display:none !important;
}

/* 公共样式  */
.wpmain{width: 1200px;margin:0 auto;}
.wp{width: 1200px;margin:auto;overflow: hidden}
.w280{ width: 280px}
.fl{float:left}
.fr{float:right}
.mr5{ margin-right:5px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt18{margin-top: 18px}
.mt20{margin-top: 20px}
.mt50{margin-top: 50px}
.ml10{margin-left: 10px}
.mb5{margin-bottom: 5px}
.mb10{margin-bottom: 10px}
.mb20{margin-bottom: 20px}
.mb40{margin-bottom: 40px}
.mb60{margin-bottom: 60px}
.pl5{ padding-left:5px}
.pl10{ padding-left:10px}
.pl40{ padding-left:40px}
.pt5{ padding-top:5px}
.pt10{ padding-top:10px}
.pt15{ padding-top:15px}
.pt20{ padding-top:20px}
.pt50{ padding-top:50px}
.pb10{ padding-bottom:10px}
.pb50{ padding-bottom:50px}
.pr5{ padding-right:5px}
.pr10{ padding-right:10px}
.pr20{ padding-right:20px}
.text-c{text-align: center}
.text-l{text-align: left}
.text-r{text-align: right}
.f-10{ font-size:10px}
.f-12{font-size:12px}
.f-14{font-size:14px;}
.f-16{font-size:16px;}
.f-18{font-size:18px;}
.f-20{font-size:20px;}
.f-22{font-size:22px;}
.f-24{font-size:24px;}
.f-25{font-size:25px;}
.f-b{font-weight: bold}
.pr{ position:relative}
.pa{ position:absolute}
.yahei{font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei"}
.simsun{font-family:simsun}
.heiti{ font-family:SimHei,"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei"}
.c-999{color: #999}
.c-666{color: #666}
.c-333{color: #333}
.c-000{color: #000}
.c-fff{color: #fff}
.c-red,a.c-red{color:#b2393d;}

.bggrey{background-color: #f7f7f7;}
.f-blue,a.f-blue{ color: #017cd3}
.f-orange,a.f-orange{color: #F5BA00}

.text-truncate {
    word-wrap: normal; /* for IE */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-0.5em} sub{bottom:-0.25em}
del{color:#aaa;font-size:12px;font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei";}
/*input*/
.inp{padding:0 10px;width: 236px;height: 30px;line-height: 30px;background: #fff;border: 1px solid #d3d3d3;color: #999}
.btn{
    font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei";
	cursor: pointer;
    display: inline-block;
    font-size: 12px;
    padding: 2px 12px;
    text-align: center;
    color: #fff;
    border: 0;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.btn-green{background:#305dc3}
.btn-white{
    font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei";
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    padding: 2px 11px;
    text-align: center;
    color: #305dc3;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid #305dc3;
}
.btn:hover,.btn-white:hover{ color:#fff; text-decoration:none;background: #0da54a}

.btn-unclick{
    font-family:"\5FAE\8F6F\96C5\9ED1";
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    padding: 2px 11px;
    text-align: center;
    color: #999;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    background:#f5f5f5;
    border: 1px solid #ddd;
}
.btn-unclick:hover{background:#f5f5f5; color: #999;}


.btn-big{ padding: 8px 40px; font-size: 16px;}
.radius{-moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari 和 Chrome */
    border-radius: 6px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.radius2{
	-moz-border-radius:20px; /* Firefox */
    -webkit-border-radius: 20px; /* Safari 和 Chrome */
    border-radius: 20px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.radius3{
	-moz-border-radius:99px; /* Firefox */
    -webkit-border-radius: 99px; /* Safari 和 Chrome */
    border-radius: 99px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}



/*浏览器提示*/
.alert{padding:8px 35px 8px 14px;margin-bottom:0px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px}
.alert, .alert h4{color:#c09853}
.alert h4{margin:0}
.alert-danger{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}
.alert-danger h4{color:#b94a48}
/*header*/
.header{
    width: 100%;
    background: #fff;
    height: 80px;
    border-bottom: 1px solid #eee;
}
.logo{
    width: 370px;
    height:80px;
    background:url(../images/logo.png) no-repeat left center;
}
.nav li{
    float: left;
    height: 100%;
	margin-left:30px;
    display: inline-block;
    position: relative;
}
.nav li a{
    padding:0 10px;
	height:80px;
    display: inline-block;
    color: #666;
    font-size: 14px;
    line-height:80px;
}
.nav li a.actived,.nav li a:hover{
    height: 78px;
    color: #305dc3;
	border-bottom:3px solid #305dc3;
}
.nav li.langue a{
    background: #305dc3;
    color: #fff;
    height: 20px;
    width: 20px;
    padding: 3px;
    font-size: 12px;
    display: inline;
}
.nav li.langue a:hover{border:0}
 /*footer*/
.footer{
	width:100%;
	padding:10px 0 20px 0;
	background:#2c3232;
	overflow:hidden; 
	color: #dcdcdc;
	font-size: 14px;
	line-height:20px;
}
.footer .footer-nav{
    margin:0 auto;
    padding:30px 0;
    text-align: center
}
.footer .footer-nav a{margin:0 30px;color:#a5a5a5}
.footer .footer-nav a:hover{color:#dcdcdc}
.footer .footer-cr{
    width: 100%;
    padding-top:20px;
    border-top: 1px solid #464646;
    text-align: center;
    display: inline-block;
    overflow: hidden;
}

/*分页*/
.pageul {
    margin: 50px 0;
    display: inline-block;
    padding: 2px 0px;
    font-size: 14px;
    width: 100%;
    text-align: center;
}
.pageul a,.pageul span { color:#a2a2a2;line-height:20px; background:#fafafa; border: 1px solid #e5e5e5; padding:5px 10px; margin:0px 3px; display:inline; text-decoration:none}
.pageul a:hover,.pageul .current{line-height:20px; padding:5px 10px;color:#fff; background:#305dc3;border: 1px solid #305dc3;}


/*面包屑*/
.crumbs{width:100%;padding:12px 0; border-bottom: 1px solid #e5e5e5; line-height:40px; float:right; text-align:right;color:#333;}
.crumbs2{ width: 100%; line-height: 30px; text-align: left; overflow: hidden;color:#999;font-size:14px; padding: 20px 0;}
.crumbs a,.crumbs2 a{padding:0 5px;color:#333;}



/* 淡入 */
@-webkit-keyframes fadein{
    0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes fadein{
    0%{opacity:0}
    100%{opacity:1}
}
@-ms-keyframes fadein{
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes fadein{
    0%{opacity:0}
    100%{opacity:1}
}


@-webkit-keyframes honor-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes honor-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }
    60% {
        -moz-transform: scale(1.2);
    }
    100% {
        -moz-transform: scale(1);
    }
}
@keyframes honor-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }
    60% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}


@media screen and (min-width: 1000px) and (max-width: 1199px) {
	.wp,.wpmain{width:1000px}
	.nav li{margin-left:10px}
}